﻿@{
    ViewBag.Title = "Lugar";
    ViewBag.slide = "false";
    ViewBag.user = "private";
    ViewBag.perfil = Session["Codigodeperfil"];
}
@section menuLateral{
    <p>
        <br />
        <br />
    </p>
    <ul>
        <li>@Html.ActionLink("Proyecto", "Index", "Proyecto")</li>
        <li>@Html.ActionLink("Tipos de Lugar", "Index", "TipodeLugar")</li>
        <li>@Html.ActionLink("Lugar", "Index", "Lugar")</li>
        <li>@Html.ActionLink("Unidades de Medida", "Index", "UnidaddeMedida")</li>
        <li>@Html.ActionLink("Variable", "Index", "Variable")</li>
        <li>@Html.ActionLink("Rango de Cualidad", "Index", "RangodeCualidad")</li>
        <li>@Html.ActionLink("Equipo de Medicion", "Index", "EquipodeMedicion")</li>
        <li>@Html.ActionLink("Detalle de Equipo", "Index", "DetalledeEquipo")</li>
        <li>@Html.ActionLink("Tipos de Muestra", "Index", "TipodeMuestra")</li>
        <li>@Html.ActionLink("Muestra", "Index", "Muestra")</li>
    </ul>
}
@section equipoMedicion {
    @using (Html.BeginForm("Actualizar", "Lugar", FormMethod.Post, new { enctype = "multipart/form-data" }))
    {
        <p>
            <br />
        </p>
        <fieldset>
            @{
        string id = ViewData.Model.lugar.Identificador.ToString();
            }
            @Html.Hidden("Identificador", @id)
            @{
       string foto = ViewData.Model.lugar.Foto;
            }
            @Html.Hidden("Foto", @foto)
            @{
       string descripcion = ViewData.Model.lugar.Descripcion;
            }
            <br />
            <p>@Html.ActionLink("Regresar", "Index")</p>
            <p>
                <b>Desplace el marcador para obtener la latitud y longitud del lugar.</b></p>
            <div id="mostrarmape" style="width: 565px; height: 300px">
            </div>
            <table id="tabla">
                <thead>
                    <tr>
                        <th colspan="3">
                            <div align="center">
                                EDICION DE LUGAR</div>
                        </th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <td colspan="3">
                            <div align="center">
                                Edicion de lugar</div>
                        </td>
                    </tr>
                </tfoot>
                <tbody>
                    <!--empieza la edicion-->
                    <tr>
                        <td class="color7">
                            <label for="nombre">
                                Nombre:</label>
                        </td>
                        <td>
                            @{
          string nombre = ViewData.Model.lugar.Nombre;
                            }
                            @Html.TextBox("Nombre", @nombre, new { autofocus = "autofocus", maxlength = "50", onkeypress = "return soloLetras(event)" })
                        </td>
                    </tr>
                    <tr>
                        <td class="color7">
                            <label for="nombre">
                                Latitud:</label>
                        </td>
                        <td>
                            @{
                       string gradoslati = ViewData.Model.Latitud[0];
                            }
                            @Html.TextBox("Gradoslati", @gradoslati, new { maxlength = "2", style = "width:30px", onkeyUp = "return ValNumero(this);" })
                            °&nbsp;
                            @{
                       string minuoslati = ViewData.Model.Latitud[1];
                            }
                            @Html.TextBox("Minutoslati", @minuoslati, new { maxlength = "2", style = "width:30px", onkeyUp = "return ValNumero(this);" })
                            '&nbsp;
                            @{
                       string secondslati = ViewData.Model.Latitud[2];
                            }
                            @Html.TextBox("Segundoslati", @secondslati, new { maxlength = "2", style = "width:30px", onkeyUp = "return ValNumero(this);" })
                            ,&nbsp;
                            @{
                       string decimaslati = ViewData.Model.Latitud[3];
                            }
                            @Html.TextBox("Decimaslati", @decimaslati, new { maxlength = "2", style = "width:30px", onkeyUp = "return ValNumero(this);" })
                            ''&nbsp;
                            @{
                              string direccionlati = ViewData.Model.Latitud[4];
                            }
                            <select id="direccionlati" name="direccionlati">
                                <option value="0">---Direccion---</option>
                                <option value="+">Norte</option>
                                <option value="-">Sur</option>
                                @if (direccionlati == "1")
                                {
                                    <option value="+" selected="selected">Norte</option>
                                }
                                else
                                {
                                    <option value="-" selected="selected">Sur</option>
                                }
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td class="color7">
                            <label for="nombre">
                                Longitud:</label>
                        </td>
                        <td>
                            @{
                                string gradoslongi = ViewData.Model.Longitud[0];
                            }
                            @Html.TextBox("Gradoslongi", @gradoslongi, new { maxlength = "3", style = "width:30px", onkeyUp = "return ValNumero(this);" })
                            °&nbsp;
                            @{
                       string minuoslongi = ViewData.Model.Longitud[1];
                            }
                            @Html.TextBox("Minutoslongi", @minuoslongi, new { maxlength = "2", style = "width:30px", onkeyUp = "return ValNumero(this);" })
                            '&nbsp;
                            @{
                       string secondslongi = ViewData.Model.Longitud[2];
                            }
                            @Html.TextBox("Segundoslongi", @secondslongi, new { maxlength = "2", style = "width:30px", onkeyUp = "return ValNumero(this);" })
                            ,&nbsp;
                            @{
                       string decimaslongi = ViewData.Model.Longitud[3];
                            }
                            @Html.TextBox("Decimaslongi", @decimaslongi, new { maxlength = "2", style = "width:30px", onkeyUp = "return ValNumero(this);" })
                            ''&nbsp;
                            @{
                       string direccionlongi = ViewData.Model.Longitud[4];
                            }
                            <select id="direccionlongi" name="direccionlongi">
                                <option value="0">---Direccion---</option>
                                <option value="+">Este</option>
                                <option value="-">Oeste</option>
                                @if (direccionlongi == "1")
                                {
                                    <option value="+" selected="selected">Este</option>
                                }
                                else
                                {
                                    <option value="-" selected="selected">Oeste</option>
                                }
                            </select>
                        </td>
                    </tr>
                    @if (@foto!=null)
                    {
                     <tr>
                        <td class="color7">
                            <label for="fotografia">
                                Fotografia:</label>
                        </td>
                        <td>
                         <img src="../../Content/img/lugar/@foto"/>
                        </td>
                    </tr>
                    }
                    <tr>
                        <td class="color7">
                            <label for="nombre">
                                Descripcion</label>
                        </td>
                        <td>
                            <textarea rows="3" cols="38" id="Descripcion" name="Descripcion" maxlength="100">@descripcion</textarea>
                        </td>
                    </tr>
                    <tr>
                        <td class="color7">
                            <label for="nombre">
                                Tipo De Lugar:</label>
                        </td>
                        <td>
                            <select id="Idtipodelugar" name="Idtipodelugar">
                                @foreach (var tipl in ViewData.Model.tiposdelugar)
                                {
                                    if (ViewData.Model.lugar.Idtipodelugar == tipl.Identificador)
                                    {
                                    <option value="@tipl.Identificador" selected="selected">@tipl.Nombre</option>
                                    }
                                    else
                                    {
                                    <option value="@tipl.Identificador">@tipl.Nombre</option>
                                    }
                                }
                            </select>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div align="center">
                <input type="submit" value="Guardar" /></div>
            <br />
            <div align="center">
                @Html.ValidationMessage("Identificador")
                <br />
                @Html.ValidationMessage("Nombre")
                <br />
                @Html.ValidationMessage("Latitud")
                <br />
                @Html.ValidationMessage("Longitud")
                <br />
                @Html.ValidationMessage("Segundos")
                <br />
                @Html.ValidationMessage("Direccion")
                <br />
                @Html.ValidationMessage("Foto")
                <br />
                @Html.ValidationMessage("Descripcion")
                <br />
                @Html.ValidationMessage("Idtipodelugar")
            </div>
            <br />
            <div align="center">
                @Html.ValidationSummary(true, "Error la Edicion de  Lugar. Verifique si los campos son correctos")
            </div>
        </fieldset>
    }
}
@section javascript {
<script type="text/javascript">
    $(document).ready(function () {
    var mapa;

    mapa = new google.maps.Map(document.getElementById("mostrarmape"),
    {
        zoom: 11, center: new google.maps.LatLng(1.857222, -76.039474),
        region: "co",
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
        
        marker = new google.maps.Marker({
            map: mapa,
            position: new google.maps.LatLng(1.857222, -76.039474),
            draggable: true
        });
        function recibircoordenadas(marker) {
            var markerLatLng = marker.getPosition();
            var latitude = markerLatLng.lat().toString();
            var longitude = markerLatLng.lng().toString();
            var iddegreelat = "#Gradoslati";
            var idminuteslat = "#Minutoslati";
            var idsecondslat = "#Segundoslati";
            var iddecimeslat = "#Decimaslati";
            var iddirectionlat = "direccionlati";
            var iddegreelng = "#Gradoslongi";
            var idminuteslng = "#Minutoslongi";
            var idsecondslng = "#Segundoslongi";
            var iddecimeslng = "#Decimaslongi";
            var iddirectionlng = "direccionlongi";
            DDtoDMS(latitude, iddegreelat, idminuteslat, idsecondslat, iddecimeslat, iddirectionlat);
            DDtoDMS(longitude, iddegreelng, idminuteslng, idsecondslng, iddecimeslng, iddirectionlng);

        }

        function DDtoDMS(coordinates, iddegree, idminutes, idseconds, iddecimes, iddirection) {
            var values = coordinates.split('.');
            var degree = values[0];
            var decimals = values[1].substring(0, 6);
            var temporal = "0." + decimals;
            temporal = temporal * 3600;
            var minutes = Math.floor(temporal / 60);
            var seconds = temporal - (minutes * 60);
            var secondstemporal = seconds.toString().split('.');
            var decimes = secondstemporal[1].substring(0, 2);
            if (degree < 0) {
                degree = degree * -1;
                $(iddegree).val(degree);
                document.getElementById(iddirection).options[2].selected = true;
            }
            else {
                $(iddegree).val(degree);
                document.getElementById(iddirection).options[1].selected = true;
            }
            $(idminutes).val(minutes);
            $(idseconds).val(secondstemporal[0]);
            $(iddecimes).val(decimes);
        }
        google.maps.event.addListener(marker, 'mouseup', function () {
            recibircoordenadas(marker);

        });

    });
</script>

}
